<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
   <script>
    //  get请求
     var xhr=new XMLHttpRequest()
    xhr.open("get","mysql.php?name=lx&pwd=12",true)
    xhr.send()
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4&&xhr.status==200){
          console.log(xhr.responseText)
        }
    }

    // post方法1
    // var xhr=new XMLHttpRequest()
    // xhr.open("post","02.php",true)
    // // xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    // xhr.send("name=lx&age=12")
    // xhr.onreadystatechange=function(){
    //     if(xhr.readyState==4&&xhr.status==200){
    //       console.log(xhr.responseText)
    //     }
    // }

    // post方法2
    
    // var date=new FormData
    // date.set("name1","lx")
    // date.set("age1","12")
    // var xhr=new XMLHttpRequest()
    // xhr.open("post","02.php",true)
    // // xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    // xhr.send(date)
    // xhr.onreadystatechange=function(){
    //     if(xhr.readyState==4&&xhr.status==200){
    //       console.log(xhr.responseText)
    //     }
    // }
    </script> 
</body>
</html>